*HTML Basic Example*
Here is the very simple HTML page layout which will contain the following.
Basic structure of HTML file.
A header.
A simple navigation bar.
An image.
A footer.
<!DOCTYPE html> <html> <head> <title>Basic HTML Example</title> </head> <body> <header> <h1>Learn HTML</h1> <nav style="float: left;"> <a href="#">Home</a> <a href="#">Products</a> <a href="#">About</a> <a href="#">Contact</a> <a href="#">FAQs</a> </nav> </header> <br /> <br /> <hr> <main> <h1 style="text-align: center; font-weight: bold;">Home</h1> <img src="kofar guga katsina.jpg" width="100%" height="300"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis sed aliquid eum consectetur est vitae impedit ullam et, esse, reprehenderit similique necessitatibus natus aspernatur cupiditate, voluptatum dignissimos! Fuga, deleniti tenetur?</p> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis sed aliquid eum consectetur est vitae impedit ullam et, esse, reprehenderit similique necessitatibus natus aspernatur cupiditate, voluptatum dignissimos! Fuga, deleniti tenetur?</p> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis sed aliquid eum consectetur est vitae impedit ullam et, esse, reprehenderit similique necessitatibus natus aspernatur cupiditate, voluptatum dignissimos! Fuga, deleniti tenetur?</p> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis sed aliquid eum consectetur est vitae impedit ullam et, esse, reprehenderit similique necessitatibus natus aspernatur cupiditate, voluptatum dignissimos! Fuga, deleniti tenetur?</p> </main> <footer> <p style="font-weight: bolder;">© copyright CodeNova 2025 | All rights reserve</p> </footer> </body> </html>
Run Code
Download Code
Quiz
Exercise